<template>
	<view class="container">
		<view class="iconItem">
			<view :class="iconName"></view>
		</view>
		
		<view>{{tips[iconName]}}</view>
	</view>
</template>

<script>
	export default{
		props:{
			iconName:String
		},
		data(){
			return{
				tips:{
					"t-icon t-icon-food":"餐饮",
					"t-icon t-icon-clothes":"服饰装扮",
					"t-icon t-icon-traffic":"交通出行",
					"t-icon t-icon-qita":"其他",
					"t-icon t-icon-play":"娱乐",
					"t-icon t-icon-study":"学习"
				}
			}
		}
	}
</script>

<style lang="scss">
	.container{
		display: inline-block;
		margin: 40rpx;
		.iconItem{
			width: 150rpx;
			height: 150rpx;
		    background-color: #D8D8D8;
		    
		}
		
		
	}
</style>
